<!DOCTYPE HTML>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>{{trans('base.Hangzhou Lihe Digital Technology Co,Ltd.')}}</title>
    <link rel="stylesheet" type="text/css" href="/css/css.css"/>
    <link rel="stylesheet" type="text/css" href="/css/nav.css"/>
    @yield('style')
    <style type="text/css">
        .bg_body{background:url({{asset($background_image[0]->val)}}) no-repeat; background-size:100% 100%; width: 100%; height: auto;}
        @if('zh_cn' == Cookie::get('lang'))
        .title{text-align: left;text-indent: 2.5em;}
        .footerright{letter-spacing: 2px;}
        @endif
    </style>
</head>

<body class="yin_font">

<div class="bg_body">
    <div class="bg_k">
        <header class="head_bg">
            <div class="head_con">
                <div class="logo">
                    <a href="#"><img src="/images/logo.png"></a>
                </div>
                <div class="head_zi"><img src="/images/head_zi.png"></div>
                <div class="head_right">
                    <!--切换中文版 btn_2 后加 btn_2_active -->
                    <p class="cutover_btn">
                        <a class="btn_2 {{'zh_cn' == $lang ? 'btn_2_active' : ''}}" href="/lang/zh_cn"></a>
                        <a class="btn_1 {{'zh_cn' != $lang ? 'btn_1_active' : ''}}" href="/lang/en"></a>
                    </p>
                    <ul>
                        <li>
                            <a href="{{url('/index')}}"><img src="/images/pic_1.png" /></a>
                        </li>
                        <li>
                            <a href="javascript:void(0)" onclick="shoucang(document.title,window.location)"><img src="/images/pic_2.png" /></a>
                        </li>
                        <li>
                            <a href="#"><img src="/images/pic_3.png" /></a>
                        </li>
                        <li class="seach_pro">
                            <form action="{{url('/product/index/'.(isset($typeShow) ? $typeShow : ""))}}">
                                <input name="name" type="text" placeholder="Products..." value="{{isset($appends['name']) ? $appends['name'] : ''}}">
                            </form>
                        </li>
                    </ul>
                </div>
            </div>
        </header>
        <nav>
            <div id="cssmenu" style="z-index: 999;">
            <ul class="nav">
                <li class="animate1">
                    <a {{!isset($pageName) || 'index'== $pageName ?  'class=nav_ative' : ''}} href="/index">{{trans('base.HOME')}}</a>
                </li>

                <li class="animate1">
                    <a {{isset($pageName) && 'product'== $pageName ? 'class=nav_ative' : ''}} href="/product">{{trans('base.PRODUCTS')}}</a>
                    <ul class="innerul">
                        @foreach($Parents as $key=>$item)
                            <li class="animate1">
                                <a class="submeun" href="/product/index?pk={{$key}}">
                                  <span>{{$item}}</span>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </li>

                <li class="animate1">
                    <a {{isset($pageName) && 'about'== $pageName ? 'class=nav_ative' : ''}} href="/about">{{trans('base.ABOUT US')}}</a>
                    <ul class="innerul">
                        <li class="animate1"><a class="submeun" href="/about/{{$aboutmenu[0]->id}}">
                               <span> {{trans('base.Company Profile')}} </span>
                            </a></li>
                        <li class="animate1"><a class="submeun" href="/about/{{$aboutmenu[1]->id}}">
                               <span> {{trans('base.Mission&Value')}} </span>
                            </a></li>
                    </ul>
                </li>

                <li class="animate1">
                    <a {{isset($pageName) && 'service'== $pageName ? 'class=nav_ative' : ''}} href="/service">{{trans('base.SERVICE')}}</a>
                </li>

                <li class="animate1">
                    <a {{isset($pageName) && 'cooperate'== $pageName ? 'class=nav_ative' : ''}} href="/cooperate">{{trans('base.COOPERATE')}}</a>
                </li>

                <li class="animate1">
                    <a {{isset($pageName) && 'event'== $pageName ? 'class=nav_ative' : ''}} href="/events">{{trans('base.EVENTS')}}</a>
                </li>

                <li class="animate1">
                    <a {{isset($pageName) && 'contact'== $pageName ? 'class=nav_ative' : ''}} href="/contact">{{trans('base.CONTACT US')}}</a>
                    <ul class="innerul">
                        <li class="animate1"><a class="submeun" href="/contact/1">
                              <span>{{trans('base.Contact Us')}}</span>
                            </a></li>
                        <li class="animate1"><a class="submeun" href="/contact/2">
                                <span>{{trans('base.Message Box')}}</span>
                            </a></li>
                    </ul>
                </li>

            </ul>
            </div>
        </nav>
        @yield('content')
    </div>
    <div class="clear"></div>
    <footer class="foot_bg">
        <div class="foot">
            <div class="foot_logo"><img src="/images/foot_logo.png"></div>

            <span class="footerright" >
            <ul style=" padding-left: 225px; padding-top:40px;">
                <li style="font-family: 'Gothamrnd-bold'; font-weight: bold;"> {{trans('base.Copyright')}}</li>
                <li style="font-size:10px;color: #000; font-family:'Gothamrnd-bold'; font-weight: bold;">{{trans('base.Technical support')}}:<a href="http://www.hzrhkj.cc" target="_blank" style="color: #000; font-weight: bold; " >{{trans('base.Hangzhou RongHao technology co., LTD')}}</a></li>
            </ul>
            </span>
        </div>
    </footer>
</div>
</body>
<script src="{{ asset('js/jquery.js?ver=4.3.5') }}"></script>
<script type="text/javascript">
    // 设置为主页
    function SetHome(obj,vrl){
        try{
            obj.style.behavior='url(#default#homepage)';obj.setHomePage(vrl);
        }
        catch(e){
            if(window.netscape) {
                try {
                    netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");
                }
                catch (e) {
                    alert("此操作被浏览器拒绝！\n请在浏览器地址栏输入“about:config”并回车\n然后将 [signed.applets.codebase_principal_support]的值设置为'true',双击即可。");
                }
                var prefs = Components.classes['@mozilla.org/preferences-service;1'].getService(Components.interfaces.nsIPrefBranch);
                prefs.setCharPref('browser.startup.homepage',vrl);
            }else{
                alert("您的浏览器不支持，请按照下面步骤操作：1.打开浏览器设置。2.点击设置网页。3.输入："+vrl+"点击确定。");
            }
        }
    }
    // 加入收藏 兼容360和IE6
    function shoucang(sTitle,sURL)
    {
        try
        {
            window.external.addFavorite(sURL, sTitle);
        }
        catch (e)
        {
            try
            {
                window.sidebar.addPanel(sTitle, sURL, "");
            }
            catch (e)
            {
                alert("加入收藏失败，请使用Ctrl+D进行添加");
            }
        }
    }
</script>
<script src="{{ asset('js/nav.js') }}"></script>
@yield('js')
</html>